<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/mui.min.css">
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script src="js/mui.min.js"></script>
		<style type="text/css">
			.header p.header_title{
				font-size: 24px;
				letter-spacing: 3px;
				line-height: 30px;
				padding: 60px 0 30px 0;
				color: #000000;
			}
			html,body{
				width: 100%!important;
				height:100%!important;
				margin:0;
				padding: 0;
			}
			body{
				background:url(img/index1.png) no-repeat;
				background-size: 100% 100%;
			}
			.content{
				padding: 30px;
    			padding-top: 240px;
			}
			.content p{
				font-size: 18px;
				letter-spacing: 1px;
			}
			.content p.content_detail{
				line-height: 30px;
			}
			.footer{
				position: absolute;
				bottom: 10px;
			}
			.footer .mui-btn-block{
				width: 80%;
				margin-left: 10%;
				padding: 8px 0;
				border-radius: 50px;
				 background-image: linear-gradient(to right,#00D7e7, #008ff8);
			}
		</style>
	</head>

	<body>
		<!-- <div class="header">
			<p class="header_title t-c">欢迎参加陕西省医疗保障局有奖竞答活动</p>
		</div> -->
		<div class="content">
			<P class="content_title t-c" style="padding: 10px 0px;font-size:18px;font-weight:bold;">答题说明</P>
			<p class="content_detail t-l">1.参与答题时系统会自动抽取8道相关题目；</p>
			<p class="content_detail t-l">2.本次活动共设获奖名额600个，每个获奖人员可获得50元的电话费；</p>
			<p class="content_detail t-l">3.获得抽奖资格人员填写必要个人信息后(姓名、手机号)，即可进行抽奖，系统即时开奖，确定是否中奖；</p>
		</div>
		<div class="footer">
			<button onclick="answer()" type="button" class="mui-btn mui-btn-primary mui-btn-block">开始答题</button>
		</div>
		<script>
			function answer(){
				window.location.href="answer/test.html";
			}
		</script>	
	</body>

</html>